<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Fruit | 福禄德水果</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/fruitinfo/mystyle.css"/>
    <link rel="stylesheet" href="css/userinfo/navbar1.css">
</head>
<body>


<div class="container1">
    <div class="header1">
        <div class="left">
            <a href="#" style="font-size: xx-large">
                <span>Fruit</span>
                <img src="img/userinfoimg/logo-icon.png" alt="">
                <span class="light-font">福禄德水果</span>
            </a>
            <span>水果商店</span>
        </div>
        <div class="right">
            <a href="#">主页</a>
            <a href="#">关于我们</a>
            <a href="#">商店</a>
            <a href="#">店铺单</a>
            <a href="#">个人信息</a>
            <a href="#">联系我们</a>
        </div>
    </div>
</div>



<!--主题图 Start-->
<div class="header-title">

    <div class="container">
        <div class="title-content">
            <h2>
                <strong class="clr-txt">naturix </strong>
                <span class="light-font">水果铺子</span>
            </h2>

            <p><a href="#">首页</a><span> / 商店</span></p>
        </div>
    </div>
</div>
<!--主题图 End-->


<!-- Shop Starts-->
<div class="container">
    <div class="pattern">
        <img src="img/showfruit/white-pattern.png">
    </div>

    <div class="sel-div">
        <div class="img-logo"><img src="img/showfruit/logo-2.png" alt="logo"/></div>
        <div class="select-fruit">
            <div class="col-lg-5 left pad-left">
                <div class="col-lg-6 col-xs-10 left pad-left">
                    <div class="sel pad-left">
                        <span>类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>
                        <select class="form-control select-radius">
                            <option name="sel" value="all">所有水果</option>
                            <option name="sel" value="swell">热 销</option>
                            <option name="sel" value="tropical">热 带</option>
                            <option name="sel" value="assorted">拼 盘</option>
                            <option name="sel" value="activity">促 销</option>
                        </select>
                    </div>
                </div>

                <div class="col-lg-6 col-xs-10 left pad-left">
                    <div class="">
                        <input type="number" name="lowprice" placeholder="请输入最低价" id="lowprice">
                        <input type="number" name="upprice" placeholder="请输入最高价" id="upprice">
                        <!--<input type="text">-->
                        <!--<input type="text">-->
                    </div>
                </div>
            </div>

            <div class="col-lg-5 right">
                <!--<div class="col-lg-2"></div>-->
                <!--<button class="btn btn-default" style="float: right;display: inline-block; border-radius: 20px;font-size: small">go</button>-->
                <!--<div class="col-lg-6" style="float: right;display: inline-block;">-->
                <!--<input type="text" class="form-control" placeholder="搜索">-->
                <!--</div>-->

                <div class="row">
                    <div class="col-lg-6 right" style="padding-right: 0px">
                        <div class="input-group">
                            <input type="text" class="form-control" id="sear" placeholder="输入水果名">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button" onclick="search()">Go!</button>
                                    </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--商品展示-->
    <div style="background-color: #d4d4d4;height: 80px;"></div>
    <div class="shows">

    </div>

    <!--分页按钮-->
    <nav aria-label="Page navigation">
        <ul class="pagination">

        </ul>
    </nav>

    <!--<div class="col-lg-6 box-style">-->
        <!--<div class="pro-box" style="overflow: hidden">-->
            <!--<div class="box-left">-->
                <!--<div class="cen-button"><a href=""><img src="img/showfruit/收藏1.png" alt=""/></a></div>-->
                <!--<div class="cen-button"><a href=""><img src="img/showfruit/菜篮1.png" alt=""/></a></div>-->
                <!--<div class="cen-button" style="border-bottom: none"><a href=""><img src="img/showfruit/扩展1.png" alt=""/></a>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="box-right">-->
                <!--<div class="col-lg-7"><h3><a href=""><span>新鲜</span><strong>水果名</strong></a></h3>-->

                    <!--<p class="dec">水果详情</p>-->

                    <!--<p class="price"><strong>￥水果价格'</strong>-->
                        <!--<del></del>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="col-lg-5 box-img"><img src="img/showfruit/1.png" alt=""/></div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->


    <!--<div class="col-lg-6 box-style">-->
        <!--<div class="pro-box" style="overflow: hidden">-->
            <!--<div class="box-left">-->
                <!--<div class="cen-button"><a href=""><img src="img/showfruit/收藏1.png" alt=""/></a></div>-->
                <!--<div class="cen-button"><a href=""><img src="img/showfruit/菜篮1.png" alt=""/></a></div>-->
                <!--<div class="cen-button" style="border-bottom: none"><a href=""><img src="img/showfruit/扩展1.png" alt=""/></a>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="box-right">-->
                <!--<div class="col-lg-7"><h3><a href=""><span>新鲜</span><strong>水果名</strong></a></h3>-->

                    <!--<p class="dec">水果详情</p>-->

                    <!--<p class="price"><strong>￥水果价格</strong>-->
                        <!--<del></del>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="col-lg-5 box-img"><img src="img/showfruit/2.png" alt=""/></div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->


</div>


<script src="js/jquery-3.4.1.js"></script>
<script src="js/fruitlist/fruitlist.js"></script>
<!--<script>-->
    <!--function search() {-->
        <!--var fruitname = document.getElementById("sear").value;-->
        <!--var lowprice = document.getElementById("lowprice").value;-->
        <!--var upprice = document.getElementById("upprice").value;-->
        <!--var parameters = "fruitname=" + fruitname +  "&lowprice="+lowprice + "&upprice=" + upprice-->
        <!--var xmlhttp1;-->

        <!--if (window.XMLHttpRequest) {-->
            <!--xmlhttp1 = new XMLHttpRequest();-->
        <!--} else {-->
            <!--xmlhttp1 = new ActiveXObject("Microsoft.XMLHTTP");-->
        <!--}-->

        <!--xmlhttp1.onreadystatechange = function () {-->
            <!--if (xmlhttp1.readyState == 4 && xmlhttp1.status == 200) {-->
                <!--var jsonObj = JSON.parse(xmlhttp1.responseText);-->
                <!--for (var i = 0; i < jsonObj.length; i++) {-->
                    <!--html += '<div class="col-lg-6 box-style"><div class="pro-box" style="overflow: hidden"><div class="box-left"><div class="cen-button"><a href=""><img src="../img/收藏1.png" alt=""/></a></div><div class="cen-button"><a href=""><img src="../img/菜篮1.png" alt=""/></a></div>' +-->
                            <!--'<div class="cen-button" style="border-bottom: none"><a href=""><img src="../img/扩展1.png" alt=""/></a></div></div><div class="box-right"><div class="col-lg-7"><h3><a href=""><span>新鲜</span><strong>';-->
                    <!--html += jsonObj[i].fruitName + '</strong></a></h3><p class="dec">' + jsonObj[i].fruitDescript + '</p><p class="price"><strong>￥' +-->
                            <!--jsonObj[i].fruitPrice + '</strong><del></del></p></div><div class="col-lg-5 box-img"><img src="';-->
                    <!--html += jsonObj[i].other1 + '" alt=""/></div></div></div></div>';-->
                <!--}-->
                <!--var table = document.getElementById("shows");-->
                <!--// innerHTML会解析后面字符串中的html标签-->
                <!--table.innerHTML = html;-->
            <!--}-->
        <!--}-->

        <!--xmlhttp1.open("GET", "http://localhost:8888/fruit/fruitInfoss?" + parameters, true);-->
        <!--xmlhttp1.send();-->
    <!--}-->

    <!--//    加载时显示-->
    <!--var xmlhttp;-->
    <!--if (window.XMLHttpRequest) {-->
        <!--xmlhttp = new XMLHttpRequest();-->
    <!--} else {-->
        <!--xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");-->
    <!--}-->

    <!--xmlhttp.onreadystatechange = function () {-->
        <!--if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {-->
            <!--var jsonObj = JSON.parse(xmlhttp.responseText);-->
            <!--var html = '';-->
            <!--for (var i = 0; i < jsonObj.length; i++) {-->
                <!--html += '<div class="col-lg-6 box-style"><div class="pro-box" style="overflow: hidden"><div class="box-left"><div class="cen-button"><a href=""><img src="../img/收藏1.png" alt=""/></a></div><div class="cen-button"><a href=""><img src="../img/菜篮1.png" alt=""/></a></div>' +-->
                        <!--'<div class="cen-button" style="border-bottom: none"><a href=""><img src="../img/扩展1.png" alt=""/></a></div></div><div class="box-right"><div class="col-lg-7"><h3><a href=""><span>新鲜</span><strong>';-->
                <!--html += jsonObj[i].fruitName + '</strong></a></h3><p class="dec">' + jsonObj[i].fruitDescript + '</p><p class="price"><strong>￥' +-->
                        <!--jsonObj[i].fruitPrice + '</strong><del></del></p></div><div class="col-lg-5 box-img"><img src="';-->
                <!--html += jsonObj[i].other1 + '" alt=""/></div></div></div></div>';-->
            <!--}-->

            <!--var table = document.getElementById("shows");-->
            <!--// innerHTML会解析后面字符串中的html标签-->
            <!--table.innerHTML = html;-->

        <!--}-->
    <!--}-->

    <!--xmlhttp.open("GET", "http://localhost:8888/fruit/fruitInfoss", true);-->
    <!--xmlhttp.send();-->
<!--</script>-->
</body>
</html>